@import "../../../../source/core/classes";
.img-icon {
	display: inline-block;
	vertical-align: middle;
	width: 32rpx;
	height: 32rpx;
}
button{

}
.product-list {
	width: 100%;
	overflow: hidden;
	.product-cell{
		margin: 0 40rpx;
		padding: 24rpx 0;
		@include flexbox;
		border-bottom: solid 1px #e0e0e0;
		.prod-image{
			>image{
				width: 224rpx;
				height: 224rpx;
			}
		}
		.prod-info{
			@include flex(1);
			margin-left: 28rpx;
			.prod-title{
				font-size: 32rpx;
				line-height: 40rpx;
				color: #000;
				height: 80rpx;
				overflow: hidden;
			}
			.prod-rank{
				@include flexbox();
				@include align-items(center);
				margin-top: 26rpx;
				.prod-rank-point{
					@include flexbox();
					@include align-items(center);
					.prod-rank-point-icon{
						>.img-icon{
							width: 40rpx;
							height: 40rpx;
							margin-right: 12rpx;
						}
					}
					.prod-rank-point-num{
						font-size: 32rpx;
						color: #a79483;
						margin-right: 20rpx;
					}
					.prod-rank-point-desc{
						font-size: 24rpx;
						color: #aeaeae;
					}
				}
				.prod-rank-tag{
					@include flex(1);
					font-size: 24rpx;
					color: #aeaeae;
					text-align: right;
				}
			}
			.prod-extra{
				@include flexbox();
				@include justify-content(space-between);
				@include align-items(center);
				margin-top: 26rpx;
				.prod-extra-user{
					@include flexbox();
					@include justify-content(space-between);
					@include align-items(center);
					.prod-extra-avatar{
						>image{
							width: 40rpx;
							height: 40rpx;
							border-radius: 99rpx;
							overflow: hidden;
							display: block;
						}
						margin-right: 16rpx;
					}
					.prod-extra-nickname{
						font-size: 24rpx;
						color: #aeaeae;
					}
				}
				.prod-extra-city{
					font-size: 24rpx;
					color: #aeaeae;
					@include flexbox();
					@include align-items(center);
					.img-icon{
						margin-right: 12rpx;
					}
				}
			}
		}
	}
}